@import './mixin.styl'
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, input
  margin 0
  padding 0
  border 0
  font-size 100%
  font-weight normal
  vertical-align baseline
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section
  display block
body
  line-height 1
blockquote, q
  quotes none
blockquote:before, blockquote:after, q:before, q:after
  content none
table
  border-collapse collapse
  border-spacing 0
/* custom */
a
  color #7e8c8d
  -webkit-backface-visibility hidden
  text-decoration none
li
  list-style none
i, b
  font-style normal
body
  -webkit-text-size-adjust none
  -webkit-tap-highlight-color rgba(0, 0, 0, 0)
// 公共样式
.content-view
  margin 0 auto
  width 1210px !important
// 新闻详情页面样式重置
.news-detail-content
  .card-table
    .ant-table-thead > tr > th
      padding 5.5px 0px
      background-color #f1f2f6
      color #656b90
      font-size 16px
    .ant-table-tbody
      font-size 16px
    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td
      background-color #f5f5f5
// 区域热点样式
.regional-hotspot
  .ant-radio-button-wrapper
    height 38px
    line-height 38px
    border none !important
    border-radius 4px 4px 0 0 !important
  .ant-tabs
    color #656b90
    font-size 14px
  .ant-tabs-nav .ant-tabs-tab
    padding 12px 2px
.header-content
  .ant-dropdown-link
    color #fff
  .ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected
    background rgba(255, 255, 255, 0)
  .ant-menu.ant-menu-dark span
    position relative
    font-size 16px
  .ant-menu-item-selected span:after
    content ''
    background #fff
    height 2px
    display inline-block
    width 30px
    position absolute
    bottom -10px
    left 50%
    transform translate(-50%, 0%)
.topic-list-content
  .ant-tabs-nav .ant-tabs-tab
    padding 10px 5px
  .ant-tabs-bar
    margin 0
.hotspot-content
  .ant-tabs-nav .ant-tabs-tab
    padding 10px 5px
.hotspot-tab-content
  .ant-progress-inner
    background-color #f0f4f6
  .ant-progress-success-bg, .ant-progress-bg
    background-color #99b3c0
  li.first
    .list-index
      color #f94e4c !important
      font-style oblique
      font-weight bold
      font-size 22px !important
    .ant-progress-inner
      background-color #fee5e4
    .ant-progress-success-bg, .ant-progress-bg
      background-color #f94e4c
  li.second
    .list-index
      color #ff8533 !important
      font-style oblique
      font-weight bold
      font-size 22px !important
    .ant-progress-inner
      background-color #ffefdf
    .ant-progress-success-bg, .ant-progress-bg
      background-color #ff8533
  li.third
    .list-index
      color #ffcb4e !important
      font-style oblique
      font-weight bold
      font-size 22px !important
    .ant-progress-inner
      background-color #fff7e5
    .ant-progress-success-bg, .ant-progress-bg
      background-color #ffcb4e
.inform-modal
  .ant-modal-content
    .ant-modal-body
      padding 16px 24px 16px
  .ant-row
    margin 0 0 !important
    padding 0 0 !important
  .ant-col
    margin 0 0 !important
    padding 0 0 !important
  .ant-form label
    font-size 16px
    color rgba(140, 140, 140, 1)
  .ant-input[disabled]
    color rgba(0, 0, 0, 0.65)
  .tags-content
    margin-top 20px
    .ant-tag
      min-width 100px
      padding 8px
      height 38px
      margin 0px 5px
      background #1678FD
      border-radius 30px
      color #fff
      font-size 16px
      text-align center
      display inline-block
  .ant-modal-footer
    border-top 0px
    text-align center
    padding-bottom 20px
// 热点检索重置组件样式
.header-select
  .ant-select-selection
    height 56px
    border 0px
    .ant-select-selection__rendered
      margin 0px
      line-height 56px
      font-size 18px
      padding-left 16px
.search-select-dropdown
  .ant-select-dropdown-menu-item
    font-size 18px
    padding 8px 16px
.global-search-wrapper
  .ant-input:focus
    border 0px !important
    box-shadow none
  .ant-input-lg
    padding 0px
.higher-search
  width 100%
  .ant-input-group
    .ant-input
      height 56px
      width 470px
      font-size 18px
      margin 0 0 !important
      border 0px
    .ant-input-search-button
      height 56px
      width 110px
      border-top-left-radius 0
      border-bottom-left-radius 0
      background #289cfd
      font-size 20px
.city-group
  .ant-checkbox-wrapper
    height 52px
.search-form
  height auto
  .ant-calendar-picker-input.ant-input
    width 220px
    text-align center
    top 2px
    border-radius 0px
    // border: 1px solid #289cfd
  .ant-radio-wrapper-checked
    span
      color #289cfd
    .ant-radio-wrapper
      span
        color #000
  .ant-radio-inner
    border-color #000
    .ant-radio-checked .ant-radio-inner
      border-color #289cfd
  span.ant-radio + *
    font-size 16px
    padding-right 16px
  .ant-checkbox-group-item
    width 100px
    margin-bottom 28px
  .ant-checkbox-inner
    border-color #000
  .ant-checkbox + span
    font-size 16px
  .ant-form-label
    font-size 16px
  .ant-form-item
    padding-left 12px
    padding-top 30px
    display flex
    flex-direction row
    align-items flex-start
    margin-bottom 0px
    .ant-form-item-label
      margin-right 24px
      label
        height 40px
        font-size 16px
        color #B6B6B6
.ant-popover-placement-bottom
  left 50% !important
  top 175px !important
  margin-left -605px !important
  // transform translate(-50%, 0)
  transform-origin 0 0 !important
  padding-top 5px !important
  width 1210px !important
  .ant-popover-content
    .ant-popover-arrow
      top 1px !important
      left 27% !important
    .ant-popover-inner
      width 1210px !important
// 头像下拉
.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title
  text-align center
// 渠道指数重置组件样式
.channel-select
  .ant-select-selection
    height 34px
    border-radius 3px
    .ant-select-selection__rendered
      margin 0px
      line-height 34px
      padding-left 16px
      .ant-select-selection-selected-value
        font-size 16px
        color #333333
.select-dropdown
  .ant-select-dropdown-menu-item
    font-size 16px
    font-weight 500
    color #333333
    padding 8px 16px
.channel-top
  .ant-radio-wrapper
    margin-left 26px
    font-size 16px
    color #333333
  .ant-calendar-picker-input.ant-input
    width 220px
    text-align center
    top 2px
    border-radius 0px
.channel-content
  .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)
    background #1A65E6
    border-radius 3px
    box-shadow none
    border-color #1A65E6
    content none
  .ant-radio-button-wrapper
    width 118px
    border 0px
    border-radius 5px
    height 40px
    text-align center
    line-height 40px
    margin-right 48px
    font-size 16px
  .ant-radio-button-wrapper:not(:first-child)::before
    content none
  .ant-radio-button-wrapper:first-child
    border-left 0px
    border-radius 5px
  .ant-radio-button-wrapper:last-child
    border-radius 5px
  .ant-row
    margin-left 0px !important
    margin-right 0px !important
    margin-bottom 12px
    padding 0px
    .ant-col
      padding-left 0px !important
      padding-right 0px !important
  .ant-card
    border-radius 5px
    margin-right 10px
  .ant-card-body
    padding 0px 14px
  li.first
    .list-index
      color #f94e4c !important
      font-style oblique
      font-weight bold
      font-size 22px !important
  li.second
    .list-index
      color #ff8533 !important
      font-style oblique
      font-weight bold
      font-size 22px !important
  li.third
    .list-index
      color #ffcb4e !important
      font-style oblique
      font-weight bold
      font-size 22px !important
.emotion-search
  .header-sel
    .ant-select-selection
      height 56px
      border 0px
      .ant-select-selection__rendered
        margin 0px
        line-height 56px
        font-size 18px
        padding-left 16px
  .higher-search
    width 100%
    margin-left 12px
    .ant-input-group
      .ant-input
        height 56px
        width 470px
        font-size 18px
        margin 0 0 !important
        border 0px
        padding-left 12px
      .ant-input-search-button
        height 56px
        width 110px
        border-top-left-radius 0
        border-bottom-left-radius 0
        background #289cfd
        font-size 20px
  .div-echarts
    .ant-card
      border-radius 5px
    .ant-card-body
      padding 0px 14px 8px 14px
  .card-table
    .ant-table-thead > tr > th
      padding 5.5px 0px
      background-color #f1f2f6
      color #656b90
      font-size 16px
    .ant-table-tbody
      font-size 16px
    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td
      background-color #f5f5f5
.sel-dropdown
  .ant-select-dropdown-menu-item
    font-size 18px
    padding 8px 16px
.ant-select-arrow
  right 8px
// 重置下拉框的样式
.ant-select-dropdown
  z-index 999 !important
// 修改手机号样式
.common-dialog
  .ant-modal-content
    .ant-modal-body
      padding 24px 34px 14px
    .title-box
      margin-bottom 24px
    .login-title
      display inline-block
      text-align center
      font-size 28px
      width 100%
      color #333
    .second-title
      margin 10px 0 0
      font-size 16px
      color #959595
      text-align center
  .ant-modal-footer
    border-top none
    text-align center
    padding 0 34px 24px
    .ant-btn
      width 100%
      height 44px
      font-size 18px
      span
        text-align center
  .ant-form
    .ant-form-item
      margin-bottom 22px
      .ant-input
        height 40px
        padding-left 35px
      i
        font-size 18px
    .ant-form-item-with-help
      margin-bottom 0
    .ant-form-explain
      height 22px
      line-height 22px
      margin 0
    .login-form-forgot
      float right
    .verify-code
      .ant-input-affix-wrapper
        float left
        width calc(100% - 135px)
      img
        float right
        width 120px
        height 40px
        overflow hidden
        box-shadow 0 0 5px #eee
      .get-code
        float right
        width 120px
        height 40px
        text-align center
        line-height 38px
        border 1px solid #d9d9d9
        border-radius 4px
        background-color #f5f5f5
        cursor not-allowed
      .get-code-clickable
        background-color #fff
        cursor pointer
        &:hover
          border-color #40a9ff
          color #40a9ff
    .agree-checkbox
      .ant-checkbox + span
        padding-right 0
    .user-agree
      color #40a9ff !important
  .ant-input-affix-wrapper
    .ant-input-prefix
      left 0
      i
        width 40px
        height 40px
        line-height 46px
    .ant-input-suffix
      right 0
      i
        width 40px
        height 40px
        line-height 46px
  .password-tip
    color rgba(0, 0, 0, 0.25)
    &:hover
      color #40a9ff
.ant-popover
  z-index 999 !important
.ant-modal-mask
  z-index 1010 !important
.ant-modal-wrap
  z-index 1010 !important
.ant-message
  z-index 1012 !important
.avatar-uploader
  .ant-upload.ant-upload-select-picture-card
    margin-top 16px
    margin-left 16px
    border 0px
    background-color #ffffff
  .ant-upload.ant-upload-select-picture-card > .ant-upload
    padding 0px